<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./index.css" />
  </head>

  <body>
    <div class="difficulty">
      <select name="difficulty" id="difficulty-select">
        <option value="1">难度1</option>
        <option value="2">难度2</option>
        <option value="3">难度3</option>
        <option value="4">难度4</option>
        <option value="5">难度5</option>
      </select>
    </div>
    <div class="game">
      <div class="start" id="start-button" onclick="startGame()">开始游戏</div>
      <div class="sky"></div>
      <div class="land"></div>
      <div class="bird swing1"></div>
      <div class="score"></div>
      <div class="over"></div>
    </div>
    <p class="info">回车键开始/暂停，空格键跳跃,稳稳稳</p>

    <script src="./scripts/constant.js"></script>
    <script src="./scripts/Rectangle.js"></script>
    <script src="./scripts/Sky.js"></script>
    <script src="./scripts/Land.js"></script>
    <script src="./scripts/Bard.js"></script>
    <script src="./scripts/Pipe.js"></script>
    <script src="./scripts/Prop.js"></script>
    <script src="./scripts/Game.js"></script>
  </body>
</html>

